
<ui:composition
    xmlns="http://www.w3.org/1999/xhtml"
    xmlns:ui="http://java.sun.com/jsf/facelets"
    xmlns:h="http://java.sun.com/jsf/html"
    xmlns:f="http://java.sun.com/jsf/core"
    xmlns:a4j="http://richfaces.org/a4j"
    xmlns:rich="http://richfaces.org/rich"
    template="/basic.xhtml">

    <ui:define  name="header">

        <div class="logo">

        </div>

        <div class="clr"></div>
        <div class="menu">
            <h:form>
                 <ul>
                    <li><a href="http://projovem.fae.ufmg.br/projovem/index.jsf" >Home<br />
                            <span>página inicial</span></a></li>
                    <li><a href="http://projovem.fae.ufmg.br/projovem/rotina.jsf" class="active">Rotinas<br />
                            <span>lançar respostas</span></a></li>
                    <li><a href="http://projovem.fae.ufmg.br/projovem/relatorio.jsf">Relatórios<br />
                            <span>informações</span></a></li>
                    <li><a href="http://projovem.fae.ufmg.br/projovem/utilitario.jsf"  >Utilitários<br />
                            <span>meus dados</span></a></li>
                    <li><a href="http://projovem.fae.ufmg.br/projovem/contato.jsf">Contato<br />
                            <span>fale conosco</span></a></li>
                    <li><h:commandLink action="#{loginBean.sair}">Sair<br />
                        <span>sair do sistema</span></h:commandLink></li>
                </ul>
            </h:form>
        </div>
        <div class="clr"></div>
    </ui:define>

    <ui:define  name="body">

        <div class="inner">
            <span class="h1">
                <center>
                    <b style="float: left; margin-top: 30px; margin-left: 310px;">Comprovante de inserção dos Dados</b>
                    <a style="float: left;" target="_self" HREF="javaScript:window.print()">
                        <img alt="Imprimir" border="0" width="60px" height="40px" src="http://projovem.fae.ufmg.br/projovem/imagens/impressora.gif" />
                    </a>
                </center>
            </span>
            <h4>ROTINA PARA VERIFICAÇÃO DOCUMENTAL</h4>
            <br/>
            <p style="display:inline-block;">
            <h:outputText  value="O supervisor(a)  "/>
            <h:outputText  value="#{currentUser.nome}"/>
            <h:outputText  value=", CPF: "/>
            <h:outputText  value="#{currentUser.cpf}"/>
            <h:outputText  value=" realizou a inserção de dados para a rotina
                           de verificação documental (Rotina 003) no dia "/>
            <h:outputText  value="#{currentUser.dataAtual} às "/>
            <h:outputText  value="#{currentUser.horaAtual}."/>
            </p>
            <br/>
            <br/>

            <p><strong>Nº de Identificação: <h:outputText value=" #{rotina003Bean.rotina.id}" /></strong></p>
            <p>UF: <h:outputText value=" #{rotina003Bean.rotina.identificaEntradaUf}" /></p>
            <p>Coordenação: <h:outputText value=" #{rotina003Bean.rotina.identificaEntradaCoordenacao}" /></p>
            <p>Município: <h:outputText value=" #{rotina003Bean.rotina.identificaEntradaMunicipio}" /></p>
            <p>Entrada: <h:outputText value=" #{rotina003Bean.rotina.identificaEntradaEntrada}" /></p>
            <br/>
            <br/>

            <p>Nome Local: <h:outputText value=" #{rotina003Bean.rotina.nomeLocal}" /></p>
            <p>Endereço: <h:outputText value=" #{rotina003Bean.rotina.enderecoLocal}" /></p>
            <p>Numero: <h:outputText value=" #{rotina003Bean.rotina.numeroLocal}" /></p>
            <p>Complemento: <h:outputText value=" #{rotina003Bean.rotina.complementoLocal}" /></p>
            <p>Bairro: <h:outputText value=" #{rotina003Bean.rotina.bairroLocal}" /></p>
            <p>CEP: <h:outputText value=" #{rotina003Bean.rotina.cepLocal}" /></p>
            <p>Telefone: <h:outputText value=" #{rotina003Bean.rotina.telefoneLocal}" /></p>


            <table style="border:1px solid #DBDCD3;margin:10px;width:640px;">
                <tr>
                    <td>
                        <p>Data da observação: <br/>    (dd/mm/aaaa)
                <h:message for="dataVisita" style="color:#c70000; font-size:18px;"/><br/>
                <h:inputText id="dataVisita"
                             value="#{rotina003Bean.rotina.dataVisita}"
                             size="10"
                             maxlength="10"
                             disabled  ="true"/>
                </p>
                </td>
                <td>
                    <p>Hora de início da observação: (notação 24 horas)
                <h:message for="horaInicioVisita" style="color:#c70000; font-size:18px;"/><br/>
                <h:inputText id="horaInicioVisita"
                             value="#{rotina003Bean.rotina.horaInicioVisita}"
                             size="5"
                             maxlength="5"
                             disabled  ="true"/>
                </p>
                </td>
                <td>
                    <p>Hora de término da observação: (notação 24 horas)
                <h:message for="horaTerminoVisita" style="color:#c70000; font-size:18px;"/><br/>
                <h:inputText id="horaTerminoVisita"
                             value="#{rotina003Bean.rotina.horaTerminoVisita}"
                             size="5"
                             maxlength="5"
                             disabled  ="true"/>
                </p>
                </td>
                </tr>
            </table>




            <table style="border:1px solid #DBDCD3;margin:10px;width:640px;">
                <tr>
                    <td colspan="3">
                        <p>Classificação do local:
                <h:message for="classificacaoLocal" style="color:#c70000; font-size:18px;"/><br/>
                <h:selectOneRadio id="classificacaoLocal"
                                  value="#{rotina003Bean.rotina.classificacaoLocal}"
                                  layout="pageDirection"
                                  disabled  ="true">
                    <f:selectItem itemLabel="Escola ou Instituição de Ensino."                          itemValue="1"/>
                    <f:selectItem itemLabel="Igreja ou Instituição Religiosa."                          itemValue="2"/>
                    <f:selectItem itemLabel="Outros Serviços Públicos (Posto de Saúde, CRAS...)."       itemValue="3"/>
                    <f:selectItem itemLabel="Associação Civil (Assoc. de Moradores, Sindicato,...)."    itemValue="4"/>
                    <f:selectItem itemLabel="Organização não governamental (ONG)."                      itemValue="5"/>
                    <f:selectItem itemLabel="Coordenação Municipal ou Estadual do ProJovem Urbano."     itemValue="6"/>
                    <f:selectItem itemLabel="Outro. "      itemValue="7"/>
                </h:selectOneRadio>

                <a4j:region rendered="#{rotina003Bean.rotina.classificacaoLocal eq '7'}">
                    <table id="classificacaoLocalComplemento" >
                        <tr>
                            <td>
                                <p>Neste caso, especifique qual no campo abaixo:<br/>
                        <h:inputTextarea rows="4" cols="70" value="#{rotina002Bean.rotina.classificacaoLocalComplemento}" disabled  ="true"/></p>
                        </td>
                        </tr>
                    </table>
                </a4j:region>
                </p>

                </td>
                </tr>
            </table>




            <table style="border:1px solid #DBDCD3;margin:10px;width:640px;">
                <tr>
                    <td>
                        <p>1 – Informe a forma de armazenamento das fichas (selecione uma única opção):
                <h:message for="formaArmazenamentoFichas" style="color:#c70000; font-size:18px;"/><br/>
                <h:selectOneRadio id="formaArmazenamentoFichas"
                                  value="#{rotina003Bean.rotina.formaArmazenamentoFichas}"
                                  layout="pageDirection"
                                  disabled  ="true">
                    <f:selectItem itemLabel="Em armários / arquivo."                                    itemValue="armarios/arquivo"/>
                    <f:selectItem itemLabel="Em caixas."                                                itemValue="caixas"/>
                    <f:selectItem itemLabel="Em pastas."                                                itemValue="pastas"/>
                    <f:selectItem itemLabel="Outro."                                                    itemValue="outro"/>
                </h:selectOneRadio>
                <a4j:region rendered="#{rotina003Bean.rotina.formaArmazenamentoFichas eq 'outro'}">
                    <table id="formaArmazenamentoFichasComplemento" >
                        <tr>
                            <td>
                                <p>Neste caso, especifique qual no campo abaixo:<br/>
                        <h:inputTextarea rows="4" cols="70" value="#{rotina003Bean.rotina.formaArmazenamentoFichasComplemento}" disabled  ="true"/></p>
                        </td>
                        </tr>
                    </table>
                </a4j:region>
                </p>
                </td>
                </tr>
            </table>



            <table style="border:1px solid #DBDCD3;margin:10px;width:640px;">
                <tr>
                    <td>
                <rich:dataTable
                    onRowMouseOver="this.style.backgroundColor='#FCF6EE'"
                    onRowMouseOut="this.style.backgroundColor='#{a4jSkin.tableBackgroundColor}'"
                    cellpadding="0" cellspacing="0"
                    border="0" var="ficha" value="#{rotina003Bean.rotina.listaFichas}">

                    <rich:column>
                        <f:facet name="header">
                            <h:outputText value="N°"/>
                        </f:facet>
                        <h:outputText value="#{ficha.numero}"/>
                    </rich:column>
                    <rich:column >
                        <f:facet name="header">
                            <h:outputText value="Nome do Participante" style="display:block;white-space:normal;width:200px;"/>
                        </f:facet>
                        <h:outputText value="#{ficha.nomeParticipante}"/>
                    </rich:column>
                    <rich:column style="text-align:center;">
                        <f:facet name="header">
                            <h:outputText value="Cópia da Carteira de Identidade" style="display:block;white-space:normal;width:70px;"/>
                        </f:facet>
                        <h:outputText value="#{ficha.temCarteiraIdentidade}" />
                    </rich:column>
                    <rich:column style="text-align:center;">
                        <f:facet name="header">
                            <h:outputText value="Cópia do Comprovante Residência" style="display:block;white-space:normal;width:70px;"/>
                        </f:facet>
                        <h:outputText value="#{ficha.temComprovanteResidencia}" />
                    </rich:column>
                    <rich:column style="text-align:center;">
                        <f:facet name="header">
                            <h:outputText value="Cópia do Registro escolar" style="display:block;white-space:normal;width:70px;"/>
                        </f:facet>
                        <h:outputText value="#{ficha.temRegistroEscolar}" />
                    </rich:column>
                    <rich:column style="text-align:center;">
                        <f:facet name="header">
                            <h:outputText value="Teste" style="display:block;white-space:normal;width:70px;"/>
                        </f:facet>
                        <h:outputText value="#{ficha.temTeste}" />
                    </rich:column>
                </rich:dataTable>
                </td>
                </tr>
            </table>
        </div>

    </ui:define>

</ui:composition>
